
.react-resizable {
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
}

.react-resizable.react-resizable-se-resize {
  /*
    workaround because react-resizable requires a initial "width" in px
    https://github.com/STRML/react-resizable/issues/6
   */
  width: 100% !important;
  max-width: 100%; /* removes scroll bar in windows version */
}

.react-resizable-ew-resize {
  padding-right: 15px;
}

.react-resizable-ew-resize .react-resizable-handle {
  position: absolute;
  width: 15px;
  top: 7.5px;
  right: 7.5px;
  margin-top: 0;
  cursor: -webkit-grabbing;
}

.react-resizable-ew-resize .react-resizable-handle:before {
  content: "\f07e";
  font-family: Icons;
}


.react-resizable-se-resize .react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  bottom: 0;
  right: 0;
  background: url('');
  background-position: bottom right;
  padding: 0 3px 3px 0;
  background-repeat: no-repeat;
  background-origin: content-box;
  box-sizing: border-box;
  cursor: se-resize;
}

.react-resizable-handle {
  height: 100%;
  cursor: col-resize !important;
}
